<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    

    <title>H+ 后台主题UI框架 - 表单验证 jQuery Validation</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

    <link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="${ctxPath!}/static/hplus/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="${ctxPath!}/static/hplus/css/animate.min.css" rel="stylesheet">
    <link href="${ctxPath!}/static/hplus/css/style.min.css?v=4.0.0" rel="stylesheet"><base target="_blank">

</head>
@var userOffice = office.getUserOfficeList(); //用户持有的机构
@var userRoles = role.getUserRoleList(); //用户角色
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div  id="modal-form" class="modal fade" aria-hidden="true" data-dismiss="modal">
           <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-12 b-r">
                            <h3 class="m-t-none m-b">添加用户</h3>
                            <form  role="form" class="form-horizontal m-t" id="signupForm"  method="post" action="${ctxPath}/sysuser/save">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">真实姓名：</label>
                               <div class="col-sm-8">
                                    <input id="name" name="name" value="${user.name!}" class="form-control" type="text">
                                    <span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 这里写点提示的内容</span>
                               </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">登录名：</label>
                                <div class="col-sm-8">
                                    <input id="username" name="username" value="${user.username!}" class="form-control" type="text" aria-required="true" aria-invalid="false" class="valid">
                              	</div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">密码：</label>
                                <div class="col-sm-8">
                                    <input id="password" name="password"  value="" class="form-control" type="text" aria-required="true" aria-invalid="true" class="error">
                                <span class="red">*不填写则不修改</span>
                                </div>
                            </div>
                           
                            
                            <div class="form-group">
                                <label class="col-sm-3 control-label">电话：</label>
                                <div class="col-sm-8">
                                    <input id="mobile" name="mobile" value="${user.mobile!}" class="form-control" >
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">手机：</label>
                                <div class="col-sm-8">
                                    <input id="phone" name="phone" value="${user.phone!}" class="form-control" type="phone">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">E-mail：</label>
                                <div class="col-sm-8">
                                    <input id="email" name="email" value="${user.email!}" class="form-control" type="email">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">工号：</label>
                                <div class="col-sm-8">
                                    <input id="no" name="no" value="${user.no!}"  class="form-control" type="email">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">描述：</label>
                                <div class="col-sm-8">
                                <textarea name="remarks" class="autosize-transition form-control "
						style="resize: none;">${user.remarks!}</textarea>	
                                </div>
                            </div>
                           
                         
                              <div>
                                    <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>登录</strong>
                                    </button>
                                    <label>
                                        <input type="checkbox" class="i-checks">自动登录</label>
                                </div>
                        </form>
                        </div>
                       
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <script src="${ctxPath!}/static/hplus/js/jquery.min.js?v=2.1.4"></script>
    <script src="${ctxPath!}/static/hplus/js/bootstrap.min.js?v=3.3.5"></script>
    <script src="${ctxPath!}/static/hplus/js/content.min.js?v=1.0.0"></script>
    <script src="${ctxPath!}/static/hplus/js/plugins/validate/jquery.validate.min.js"></script>
    <script src="${ctxPath!}/static/hplus/js/plugins/validate/messages_zh.min.js"></script>
    <script src="${ctxPath!}/static/hplus/js/demo/form-validate-demo.min.js"></script>
    <script type="text/javascript">

//描述框自动扩张高度
$('textarea[class*=autosize]').autosize({append: "\n"});
$("#user-role-update").chosen({width: "100%",search_contains: true}); 
</script>
</body>

</html>